
<div class="row">
  <div class="col-xs-6 col-6">
    <p>Desktop</p>
    <button type="button" class="btn btn-info"
            tooltip="I will hide on click"
            triggers="mouseenter:click">
      Hover over me!
    </button>
  </div>

  <div class="col-xs-6 col-6">
    <p>Mobile</p>
    <button type="button" class="btn btn-info"
            tooltip="I will hide on click"
            triggers="click">
      Click on me!
    </button>
  </div>
</div>
